html, body {
      margin: 0;
      height: 100%;
      overflow: hidden;
      background: #000;
      font-family: system-ui, sans-serif;
    }

    /* Image full page */
    #cover {
      position: fixed;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      cursor: pointer;
      display: block;
      user-select: none;
    }

    /* Video full page (hidden until click) */
    #videoWrap {
      position: fixed;
      inset: 0;
      display: none;
      background: #000;
      align-items: center;
      justify-content: center;
      z-index: 10;
    }

    video {
      width: 100%;
      height: 100%;
      object-fit: cover;
      background: #000;
    }

    /* Small hint */
    #hint {
      position: fixed;
      left: 50%;
      bottom: 24px;
      transform: translateX(-50%);
      padding: 10px 14px;
      border-radius: 999px;
      background: rgba(0,0,0,.55);
      color: #fff;
      font-size: 14px;
      z-index: 2;
      pointer-events: none;
    }